<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>详情</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->

    <!--引入字体图标相关的样式文件-->
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"><!---->
    <!--引入Font Awesome框架实现字体图标效果-->
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <!--引入外部css文件-->
    <link rel="stylesheet" href="css/index.css">
    <!--引入classify页面的css样式文件-->
    <link rel="stylesheet" href="css/classify.css">
    <!--引入详情页面样式-->
    <link rel="stylesheet" href="css/details.css">
    <!--引入iconfont字库-->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2932829_gw0c9i9k6gd.css">
    <!--引入jQuery框架文件,使用CDN服务器进行引入-->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <!--引入vue框架-->
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<!--头部标签-->
<header id="miao">
    <div class="header">
        <!--上导航条-->
        <div class="header-top" style="position: absolute;width: 100%">
            <!--手机下单二维码-->
            <div></div>
            <!--关注微信二维码-->
            <div></div>
            <div class="container" style="width: 1168px">
                <!--左div-->
                <div class="con-left">
                    <p class="text-color-9">嗨，欢迎来订花乐！</p>
                    <a href="">
                        <!--微信图标-->
                        <i class=" iconfont icon-floristweixin" style="color: rgb(136,78,34);"></i>
                        <span class="text-color-9">关注微信</span>
                    </a>
                </div>
                <!--右div-->
                <div class="con-right">
                    <a href="" class="text-color-9">你好，请登录</a>
                    <span class="text-color-9">|</span>
                    <a href="" class="text-color-9">免费注册</a>
                    <span class="text-color-9">|</span>
                    <a href="" class="text-color-9">订单查询</a>
                    <span class="text-color-9">|</span>
                    <a href="" class="text-color-9">
                        <!--购物车图标-->
                        <i class="iconfont icon-floristgouwuche" style="color: rgb(136,78,34);"></i>
                        <span class="text-color-9">购物车</span>
                        <span class="text-color-9">(0)</span>
                    </a>
                    <span class="text-color-9">|</span>
                    <a href="#" class="text-color-9">手机下单</a>
                </div>
            </div>
        </div>
        <!--下导航条-->
        <div class="header-bottom">
            <!--搜索栏-->
            <div class="container" style="width: 1168px">
                <!--商标-->
                <div class="logo-img">
                    <a href="">
                        <img src="images/logo.png" alt="网页logo">
                    </a>
                </div>
                <div class="search">
                    <div class="input-group">
                        <input class="text-color-9" type="text" id="searchValue" placeholder="请输入搜索的关键字">
                        <button class="cursorPointer" onclick="">
                            <i class="glyphicon glyphicon-search"></i>
                        </button>
                    </div>
                    <div class="search-keywords">
                        <a href="">红玫瑰</a>
                        <span class="text-color-9">|</span>
                        <a href="">蛋糕</a>
                        <span class="text-color-9">|</span>
                        <a href="">百合</a>
                        <span class="text-color-9">|</span>
                        <a href="">康乃馨</a>
                    </div>
                </div>
                <div class="phone-search">
                    <p class="phone-search-text">
                        <i class="glyphicon glyphicon-phone-alt" style="color: rgb(136,78,34) ;font-size: 22px;"></i>
                        <span class="text-color-9" style="font-size: 17px;">400-0606-1520</span>
                    </p>
                </div>
            </div>
            <!--分类栏-->
            <div class="container" id="subject" style="height: 110px">
                <div  id="subject-div">
                    <div id="subject-div-div" style="display:inline-block;">
                        <div class="classify">
                            <span style="color:#fff;font-size: 16px;display:inline-block;line-height: 40px;width: 200px ">全部商品分类
                                <i class="glyphicon glyphicon-menu-down" style="color:#fff;font-size: 12px;"></i>
                            </span>
                            <div id="drop-down" style="z-index: 99;background-color:#fff ">
                                <div class="navList-content">
                                    <p class="p-height-15">用途</p>
                                    <div class="" style="margin-bottom: 10px">
                                        <a href="" class="">爱情鲜花</a>
                                        <a href="" class="">生日鲜花</a>
                                        <a href="" class="">友情鲜花</a>
                                        <a href="" class="">探病问候</a>
                                        <a href="" class=" ">道歉鲜花</a>
                                        <a href="" class=" ">问候长辈</a>
                                        <a href="" class=" ">感谢老师</a>
                                        <a href="" class=" ">哀思鲜花</a>
                                        <a href="" class=" ">商务鲜花</a>
                                    </div>
                                </div>
                                <div class="navList-content">
                                    <p class="p-height-15">花材</p>
                                    <div class="" style="margin-bottom: 10px">
                                        <a href="" class=" ">玫瑰</a>
                                        <a href="" class=" ">百合</a>
                                        <a href="" class="">康乃馨</a>
                                        <a href="" class=" ">向日葵</a>
                                        <a href="" class="">满天星</a>
                                        <a href="" class="">郁金香</a>
                                        <a href="" class=" ">菊花</a>
                                        <a href="" class=" ">其他</a>
                                    </div>
                                </div>
                                <div class="navList-content">
                                    <p class="p-height-15">类别</p>
                                    <div class="" style="margin-bottom: 10px">
                                        <a href="" class=" ">花束</a>
                                        <a href="" class=" ">礼盒</a>
                                        <a href="" class=" ">蛋糕</a>
                                        <a href="" class=" ">花篮</a>
                                        <a href="" class=" ">绿植</a>
                                        <a href="" class=" ">周花</a>
                                        <a href="" class=" ">手提花篮</a>
                                        <a href="" class=" ">桌花</a>
                                        <a href="" class=" ">其他</a>
                                    </div>
                                </div>
                                <div class="navList-content">
                                    <p class="p-height-15">枝数</p>
                                    <div class="" style="margin-bottom: 10px">
                                        <a href="" class="">11枝</a>
                                        <a href="" class=" ">19枝</a>
                                        <a href="" class="">21枝</a>
                                        <a href="" class=" ">33枝</a>
                                        <a href="" class="">52枝</a>
                                        <a href="" class="">66枝</a>
                                        <a href="" class=" ">99枝</a>
                                        <a href="" class=" ">其他</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="menu">
                        <ul>
                            <li>
                                <a href="">鲜花</a>
                            </li>
                            <li>
                                <a href="">花束</a>
                            </li>
                            <li>
                                <a href="">礼盒</a>
                            </li>
                            <li>
                                <a href="">蛋糕</a>
                            </li>
                            <li>
                                <a href="">花篮</a>
                            </li>
                            <li>
                                <a href="">绿植</a>
                            </li>
                            <li>
                                <a href="">周花</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!--头部标签结束-->
<!--主体区域开始-->
<div class="content-all">
    <div class="container">
        <!--面包屑导航-->
        <div class="bread-nav clearfix">
            <p class="fl"><a href="/" class="fl">首页</a></p>
            <p class="fl">&gt;鲜花</p>
        </div>
        <!--详情具体区域-->
        <div class="pro-info clearfix">
            <div class="proInfo-img fl">
                <!-- 图片轮播样式 -->
                <div class="pc-slide">
                    <div class="view">
                        <div class="swiper-container">
                            <div class="swiper-wrapper" style="width: 1200px; height: 440px; transform: translate3d(0px, 0px, 0px); transition-duration: 0.3s;">
                                <div class="swiper-slide swiper-slide-visible swiper-slide-active" style="width: 400px; height: 440px;">
                                    <a href="javascript:void(0);"><img class="prodetailsclass" src="https://upyun.dinghuale.com/uploads/20210426/202104260950175226.jpg" alt=""></a>
                                </div>
                                <div class="swiper-slide" style="width: 400px; height: 440px;">
                                    <a href="javascript:void(0);"><img class="prodetailsclass" src="https://upyun.dinghuale.com/uploads/20210426/202104260950215651.jpg" alt=""></a>
                                </div>
                                <div class="swiper-slide" style="width: 400px; height: 440px;">
                                    <a href="javascript:void(0);"><img class="prodetailsclass" src="https://upyun.dinghuale.com/uploads/20210426/202104260950243602.jpg" alt=""></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="preview">
                        <div class="swiper-container">
                            <div class="swiper-wrapper" style="padding-left: 0px; padding-right: 0px; height: 81.9922px;">
                                <div class="swiper-slide swiper-slide-visible swiper-slide-active active-nav">
                                    <a href="javascript:void(0);"><img src="https://upyun.dinghuale.com/uploads/20210426/202104260950175226.jpg" alt=""></a>
                                </div>
                                <div class="swiper-slide swiper-slide-visible">
                                    <a href="javascript:void(0);"><img src="https://upyun.dinghuale.com/uploads/20210426/202104260950215651.jpg" alt=""></a>
                                </div>
                                <div class="swiper-slide swiper-slide-visible">
                                    <a href="javascript:void(0);"><img src="https://upyun.dinghuale.com/uploads/20210426/202104260950243602.jpg" alt=""></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="proInfo-content fl">
                <p class="info-title ellipsis">此生不渝</p>
                <div class="info-msg clearfix">
                    <p class="fl" style="margin-right: 25px">材料：</p>
                    <span class="fl info-msg-text">11枝精品红玫瑰，桔梗适量搭配</span>
                </div>
                <div class="info-msg clearfix">
                    <p class="fl" style="margin-right: 25px">包装：</p>
                    <span class="fl info-msg-text">黑色包装纸精美包装，红色英文丝带束扎		</span>
                </div>
                 <div class="info-msg clearfix">
                    <p class="fl" style="margin-right: 25px">附送：</p>
                    <span class="fl info-msg-text">下单填写留言，免费赠送贺卡  </span>
                </div>
                <div class="info-msg clearfix">
                    <p class="fl" style="margin-right: 25px">配送：</p>
                    <span class="ellipsis-after"> 全国送货上门，市区免运费 </span>
                </div>
                <div class="info-coupon clearfix">
                    <p class="fl coupon-title align-center" style="margin-right: 13px">优惠券：</p>
                    <div class="coupon-list fl align-center">
                        <div style="font-size: 14px; color: #666;">暂无优惠券</div>
                    </div>
                </div>
                <div class="info-input clearfix">
                    <p class="input-title fl">配送时间：</p>
                    <div class="input-group fl">
                        <input type="date" id="test1" style="width: 140px;">
                        <select id="freight" class="selectInput">
                            <option value="1">不限时间</option>
                            <option value="2">
                                8:00-10:00
                            </option>
                            <option value="3">
                                10:00-12:00
                            </option>
                            <option value="4">
                                12:00-14:00
                            </option>
                            <option value="5">
                                14:00-16:00
                            </option>
                            <option value="6">
                                16:00-18:00
                            </option>
                            <option value="7">
                                18:00-20:00
                            </option>
                            <option value="8">
                                20:00-22:00
                            </option>
                            <option value="15">
                                上午
                            </option>
                            <option value="16">
                                下午
                            </option>
                            <option value="17">
                                晚上
                            </option>
                        </select>
                        <select name="" id="transport" class="selectInput">
                            <option value="0">市区免费配送</option>

                            <option value="30.00">
                                近郊+30.00运费
                            </option>

                            <option value="50.00">
                                远郊+50.00运费
                            </option>

                        </select>
                    </div>
                </div>
                <div class="info-price">
                    <div class="clearfix info-price-top">
                        <p class="fl">
                                <span id="festival-block">
                                    店铺价：
                                </span>
                            <span class="info-price-number">￥<span id="festival-price">168</span></span>
                        </p>
                    </div>
                    <div class="clearfix info-price-bottom">
                        <p class="fl">
                                <span style="font-size: 16px">
                                    市场价：
                                </span>
                            <del class="info-price-number">
                                ￥<span id="market-price" style="font-size: 16px">259</span>
                            </del>
                        </p>
                        <p class="fr info-price-xiaoliang">
                            销量<span>16256</span>笔
                        </p>
                    </div>
                </div>
                <div class="info-btns clearfix">
                    <div class="fl info-num align-center">
                        <span class="fl align-center">数量：</span>
                        <ul class="nmb_jj fl">
                            <li class="jian">-</li>
                            <li>
                                <input name="" type="text" value="1" class="srkk" id="num">
                            </li>
                            <li class="jia">+</li>
                        </ul>
                    </div>
                    <div class="infoBtn-list fr">
                        <div class="addCart hvr-shutter-out-horizontal" onclick="addCartList(this)" data-params="{&quot;id&quot;:&quot;196&quot;,&quot;title&quot;:&quot;此生不渝&quot;,&quot;material&quot;:&quot;11枝精品红玫瑰，桔梗适量搭配\t\t&quot;,&quot;package&quot;:&quot;黑色包装纸精美包装，红色英文丝带束扎\t\t&quot;,&quot;attach&quot;:&quot;下单填写留言，免费赠送贺卡  &quot;,&quot;distribution&quot;:&quot;全国送货上门，市区免运费&quot;,&quot;pics&quot;:&quot;https://upyun.dinghuale.com/uploads/20210426/202104260950064701.jpg&quot;,&quot;price&quot;:&quot;259&quot;,&quot;current_price&quot;:&quot;168&quot;,&quot;sales&quot;:&quot;16256&quot;,&quot;num&quot;:&quot;0&quot;,&quot;content&quot;:&quot;<p><img src=\&quot;https://upyun.dinghuale.com/uploads/20210426/202104260946515958.jpg\&quot;><img src=\&quot;https://upyun.dinghuale.com/uploads/20210426/202104260946434010.jpg\&quot;><img src=\&quot;https://upyun.dinghuale.com/uploads/20210426/202104260946399408.jpg\&quot;></p>&quot;,&quot;create_time&quot;:&quot;1593499958&quot;,&quot;is_recommend&quot;:&quot;1&quot;,&quot;updown&quot;:&quot;1&quot;,&quot;is_index&quot;:&quot;0&quot;,&quot;floor_id&quot;:&quot;8&quot;,&quot;lunbotu&quot;:[&quot;https://upyun.dinghuale.com/uploads/20210426/202104260950175226.jpg&quot;,&quot;https://upyun.dinghuale.com/uploads/20210426/202104260950215651.jpg&quot;,&quot;https://upyun.dinghuale.com/uploads/20210426/202104260950243602.jpg&quot;],&quot;flower_type_str&quot;:&quot;23,31,32,27,26,29&quot;,&quot;floor_sort&quot;:&quot;2&quot;,&quot;sort&quot;:&quot;11&quot;,&quot;edit_time&quot;:&quot;1626170196&quot;,&quot;is_changeprice&quot;:&quot;1&quot;,&quot;old_price&quot;:&quot;168.00&quot;,&quot;old_current_price&quot;:&quot;259.00&quot;,&quot;pics_arr&quot;:[&quot;https://upyun.dinghuale.com/uploads/20210426/202104260950064701.jpg&quot;],&quot;is_festival&quot;:0}">加入购物车</div>
                        <div onclick="subOrderClick()" class="buySub hvr-shutter-out-horizontal" style="color: #fff;">立即购买</div>
                    </div>
                </div>
            </div>
        </div>
        <!--详情介绍-->
        <div class="info-container clearfix">
            <!--左侧区域-->
            <div class="info-recommend fl">
                <div class="recommend-title">
                    <img class="align-center" src="https://upyun.dinghuale.com/public/images/recommend.png" alt="">
                </div>
                <div class="recommend-list">

                    <a href="/270.html" class="module-pro-item">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20201026/202010260915414084.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">永恒回忆</p>
                        <p></p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥298</p>
                            <span class="text-color-9 fr align-center">销量16022笔</span>
                        </div>
                    </a>

                    <a href="/215.html" class="module-pro-item">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20200630/202006301617407670.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">浪漫满屋</p>
                        <p></p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥229</p>
                            <span class="text-color-9 fr align-center">销量17229笔</span>
                        </div>
                    </a>

                    <a href="/261.html" class="module-pro-item">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20200826/202008261130205022.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">幸福守候</p>
                        <p></p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥239</p>
                            <span class="text-color-9 fr align-center">销量15632笔</span>
                        </div>
                    </a>

                    <a href="/436.html" class="module-pro-item">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261257415133.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">缘分天空</p>
                        <p></p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥339</p>
                            <span class="text-color-9 fr align-center">销量13960笔</span>
                        </div>
                    </a>

                    <a href="/219.html" class="module-pro-item">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261158351537.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">相濡以沫</p>
                        <p></p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥229</p>
                            <span class="text-color-9 fr align-center">销量12658笔</span>
                        </div>
                    </a>

                    <a href="/196.html" class="module-pro-item">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104260950064701.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">此生不渝</p>
                        <p></p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥168</p>
                            <span class="text-color-9 fr align-center">销量16256笔</span>
                        </div>
                    </a>

                    <a href="/191.html" class="module-pro-item">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20210426/202104261208472868.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">浪漫告白</p>
                        <p></p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥299</p>
                            <span class="text-color-9 fr align-center">销量19578笔</span>
                        </div>
                    </a>

                    <a href="/298.html" class="module-pro-item">
                        <div class="pro-img">
                            <img src="https://upyun.dinghuale.com/uploads/20210519/202105191204581151.jpg" alt="">
                        </div>
                        <p class="text-color-6 ellipsis">为你心动</p>
                        <p></p>
                        <div class="clearfix pro-item-bottom">
                            <p class="pro-price fl align-center">￥319</p>
                            <span class="text-color-9 fr align-center">销量16877笔</span>
                        </div>
                    </a>

                </div>
            </div>
            <!--右侧区域-->
            <div class="info-tab fr">
                <!--标题-->
                <div class="tab-title clearfix">
                    <a class="fl align-center active-tab" href="javascript:;">产品详情</a>
                    <a class="fl align-center" href="javascript:;">用户评价（413）</a>
                    <a class="fl align-center" href="javascript:;">售后保障</a>
                </div>
                <!--分区显示-->
                <div class="tab-content">
                    <!-- 产品详情区域 -->
                    <div class="tabCont-item tabCont-active" style="display: none">
                        <dvi id="prodetailsclass">
                            <p>
                                <img src="https://upyun.dinghuale.com/uploads/20210426/202104260946515958.jpg" alt="">
                                <img src="https://upyun.dinghuale.com/uploads/20210426/202104260946434010.jpg" alt="">
                                <img src="https://upyun.dinghuale.com/uploads/20210426/202104260946399408.jpg" alt="">
                            </p>
                        </dvi>
                    </div>
                    <!-- 用户评价区域 -->
                    <div class="tabCont-item" style="display: none">
                        <!--整体布局-->
                        <div class="fa-content">
                            <!--评论条-->
                            <div class="count-item clearfix">
                                <!--用户头像-->
                                <div class="userImg fl">
                                    <img src="images/logo.png">
                                </div>
                                <!--用户名-->
                                <div class="username fl">
                                    <p class="ellipsis" style="padding-top: 6px;font-size: 16px;line-height: 1.5;">157****2193</p>
                                </div>
                                <!--用户评论-->
                                <div class="count-msg fl">
                                    <p class="text-color-6" style="font-size: 15px;line-height: 1.5;">鲜花送到，非常漂亮哦，包装的非常精美，服务非常热情大度，推荐给好友。</p>
                                </div>
                                <!--用户晒照片-->
                                <div class="count-img fl">
                                    <img class="fl co-z" src="https://upyun.dinghuale.com/uploads/20200826/202008261609401209.png">
                                    <img class="fl co-z" src="https://upyun.dinghuale.com/uploads/20200826/202008261609489405.png">
                                    <img class="fl co-z" src="https://upyun.dinghuale.com/uploads/20200826/202008261610008141.png">
                                </div>
                            </div>
                            <div class="count-item clearfix">
                                <!--用户头像-->
                                <div class="userImg fl">
                                    <img src="images/logo.png">
                                </div>
                                <!--用户名-->
                                <div class="username fl">
                                    <p class="ellipsis" style="padding-top: 6px;font-size: 16px;line-height: 1.5;">157****2193</p>
                                </div>
                                <!--用户评论-->
                                <div class="count-msg fl">
                                    <p class="text-color-6" style="font-size: 15px;line-height: 1.5;">鲜花送到，非常漂亮哦，包装的非常精美，服务非常热情大度，推荐给好友。</p>
                                </div>
                                <!--用户晒照片-->
                                <div class="count-img fl">
                                    <img class="fl co-z" src="https://upyun.dinghuale.com/uploads/20200826/202008261609401209.png">
                                </div>
                            </div>
                        </div>
                        <!-- 图片放大 -->
                        <div class="enlargement">
                            <div class="enlargement-close">×</div>
                            <div class="enlargement-c" style="background-image:url(images/logo.png);"></div>
                        </div>
                        <!-- 分页 -->
                        <div class="page-content">
                            <div id="pager" class="pager clearfix">
                                <span class="page-active" page-id="1">1</span>
                            </div>
                        </div>
                    </div>
                    <!-- 售后保障区域 -->
                    <div class="tabCont-item" style="display: block">
                        <p>
                            <img src="images/afterSale.jpg">
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!--相似产品-->
        <div class="alike-pro">
            <div class="alike-title">
                <img src="images/xiangShi.png" alt="">
            </div>
            <div class="alike-list clearfix">
                <a href="/270.html" class="module-pro-item fl">
                    <div class="pro-img">
                        <img src="https://upyun.dinghuale.com/uploads/20201026/202010260915414084.jpg" alt="">
                    </div>
                    <p class="text-color-6 ellipsis">永恒回忆</p>
                    <p></p>
                    <div class="clearfix pro-item-bottom">
                        <p class="pro-price fl align-center">￥298</p>
                        <span class="text-color-9 fr align-center">销量16022笔</span>
                    </div>
                </a>
                <a href="/270.html" class="module-pro-item fl">
                    <div class="pro-img">
                        <img src="https://upyun.dinghuale.com/uploads/20201026/202010260915414084.jpg" alt="">
                    </div>
                    <p class="text-color-6 ellipsis">永恒回忆</p>
                    <p></p>
                    <div class="clearfix pro-item-bottom">
                        <p class="pro-price fl align-center">￥298</p>
                        <span class="text-color-9 fr align-center">销量16022笔</span>
                    </div>
                </a>
                <a href="/270.html" class="module-pro-item fl">
                    <div class="pro-img">
                        <img src="https://upyun.dinghuale.com/uploads/20201026/202010260915414084.jpg" alt="">
                    </div>
                    <p class="text-color-6 ellipsis">永恒回忆</p>
                    <p></p>
                    <div class="clearfix pro-item-bottom">
                        <p class="pro-price fl align-center">￥298</p>
                        <span class="text-color-9 fr align-center">销量16022笔</span>
                    </div>
                </a>
                <a href="/270.html" class="module-pro-item fl">
                    <div class="pro-img">
                        <img src="https://upyun.dinghuale.com/uploads/20201026/202010260915414084.jpg" alt="">
                    </div>
                    <p class="text-color-6 ellipsis">永恒回忆</p>
                    <p></p>
                    <div class="clearfix pro-item-bottom">
                        <p class="pro-price fl align-center">￥298</p>
                        <span class="text-color-9 fr align-center">销量16022笔</span>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
<!--主体区域结束-->
<!--尾部区域开始-->
<footer>
    <div class="footer" style="margin-top: 10px;">
        <!--尾部上区域-->
        <div class="footer-top" style="background: #fff;">
            <div class="footer-top-all container" style="height: 210px;width: 1200px">
                <div class="logo-img">
                    <img src="images/logo.png" alt="">
                </div>
                <div class="nav-module" style="height: 210px">
                    <div class="footer-module fl">
                        <p>热门导航</p>
                        <div>
                            <a href="">网站首页</a>
                            <a href="">爱情鲜花</a>
                            <a href="">订单查询</a>
                            <a href="">全部商品</a>
                        </div>
                    </div>
                    <div class="footer-module fl">
                        <p>客户服务</p>
                        <div>
                            <div class="footer-nav fl">
                                <a href="">关于我们</a>
                                <a href="">服务声明</a>
                                <a href="">订花流程</a>
                                <a href="">支付方式</a>
                            </div>
                            <div class="footer-nav fl" style="margin-left: 20px">
                                <a href="">配送说明</a>
                                <a href="">售后服务</a>
                                <a href="">隐私条款</a>
                                <a href="">联系我们</a>
                            </div>
                        </div>
                    </div>
                    <div class="footer-module fl" style="border:none">
                        <p>联系我们</p>
                        <div class="footer-nav">
                            <a href="">意见反馈</a>
                            <a href="">工作时间:07:00-23:00</a>
                            <a href="">7*24小时在线订购</a>
                            <a href="">全国热线:400-060-1520</a>
                        </div>
                    </div>
                    <div class="erweima fr">
                        <div class="erweima-img">
                            <img src="images/QRCode.jpg" alt="">
                        </div>
                        <p class="text-color-9">扫码关注微信</p>
                    </div>
                </div>
            </div>
        </div>
        <!--尾部下区域-->
        <div class="footer-bottom">
            <p class="text-color-9">Copyright©2020 &nbsp;成都勿忘我科技有限公司 &nbsp;
                <a href="https://beian.miit.gov.cn">蜀ICP备20016463号-2</a>
            &nbsp;</p>
        </div>
    </div>
</footer>
<!--尾部区域结束-->
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>